<%--
  Created by IntelliJ IDEA.
  User: DELL
  Date: 2020/11/8
  Time: 22:03
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>list</title>
    <script src="../HTML/js/jquery-3.4.1.js"></script>
    <style>
        body{
            font: 16px "Microsoft YaHei";
        }
        ul{
            list-style: none;
            padding: 0;
            margin: 0;
        }
        a{
            text-decoration: none;
        }
        .nav-list{
            width: 220px;
            border-bottom: 1px solid #ccc;
        }
        .nav-list ul{
            display: none;
        }
        .nav-list>h3{
            margin: 0;
            position: relative;
            padding: 10px 20px;
            background-color: #a39933;
            color: white;
            font-size: 16px;
            line-height: 20px;
            font-weight: normal;
            border-top: 1px solid #ccc;
            cursor: pointer;
        }
        .nav-list>h3:hover{
            background-color: #923101;
            font-weight: 600;
        }
        .nav-list>h3>span{
            position: absolute;
            width: 16px;
            height: 16px;
            background: url("sc/right.png") no-repeat;
            right: 20px;
            top: 12px;
        }

        .nav-list>.open span{
            position: absolute;
            width: 16px;
            height: 16px;
            background: url("sc/buttom.png") no-repeat;
            right: 20px;
            top: 12px;
        }
        .nav-list li>a{
            display: block;
            padding: 10px 20px;
            background-color: #a39933;
            border: 1px solid #ccc;
            color: #333;
            font-size: 14px;
        }
        .nav-list li>a:hover{
            background-color: #c44403;
            color: #ffffff;
        }

    </style>
</head>
<body>
<div class="nav-list">
    <h3>系统信息<span></span></h3>
    <ul>
        <li><a href="/WebContent/HTML/AdminPage/admin_state/glgonggao.jsp" target="middle">发表公告</a></li>
    </ul>
    <h3>个人信息<span></span></h3>
    <ul>
        <li><a href="/WebContent/HTML/AdminPage/admin_admin/ShowMydata.jsp" target="middle">查看我的资料</a></li>
        <li><a href="/WebContent/HTML/AdminPage/admin_admin/UpdateMydata.jsp" target="middle">修改我的资料</a></li>
    </ul>
    <h3>发帖管理<span></span></h3>
    <ul>
        <li><a href="/AdminLoginServlet?type=glarticle" target="middle">管理动态</a></li>
        <li><a href="/AdminLoginServlet?type=glcomment" target="middle">管理评论</a></li>
    </ul>
    <h3>用户管理<span></span></h3>
    <ul>
        <li><a href="/WebContent/HTML/AdminPage/admin_user/AddUser.jsp" target="middle">增加用户</a></li>
        <li><a href="/AdminLoginServlet?type=allusers" target="middle">管理用户</a></li>
        <li><a href="/AdminLoginServlet?type=alladmin" target="middle">查看管理员</a></li>
        <li><a href="/WebContent/HTML/AdminPage/admin_application/VipAppcation.jsp" target="middle">VIP申请</a></li>
    </ul>
    <h3>会员类型管理<span></span></h3>
    <ul>
        <li><a href="/WebContent/HTML/AdminPage/admin_viptype/Addviptype.jsp" target="middle">新增类型</a></li>
        <li><a href="/VipType?type=alltype" target="middle">查看当前类型</a></li>
        <li><a href="/VipType?type=delviptype" target="middle">下架会员</a></li>
    </ul>
    <h3>友情链接<span></span></h3>
    <ul>
        <li><a href="javascript:void(0);" target="middle">学校官网</a></li>
        <li><a href="javascript:void(0);" target="middle">智慧校园</a></li>
        <li><a href="javascript:void(0);" target="middle">教务系统</a></li>
        <li><a href="javascript:void(0);" target="middle">民大风采</a></li>
    </ul>

</div>
<script>
    $(document).ready(function(){
        $("h3").click(function(){
            $(this).toggleClass("open").siblings("h3").removeClass("open").end().next("ul").slideToggle().siblings("ul").slideUp();

        })
    })
</script>

</body>
</html>